
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
 <h:outputStylesheet>
        .pic-normal {
        width: 64px;
        border: 2px solid #ACBECE;
        }
 
        .wrap1 {
        width: 100px;
        height: 100px;
        float: left;
        }
    </h:outputStylesheet>
		 	
	</h:head> 
<body style="background-image:url('img/Bottom_texture.jpg');" >
<h:form  >
 	
 	<ui:include src="/pages/principal/cabeceraPrincipal.xhtml"></ui:include>
 	
  <h:panelGrid style="position:absolute; top:150px;">
 	    <rich:collapsiblePanel header="Reportes ERA" switchType="client" style="">
	      <br />
	       
	 
		    <a4j:outputPanel id="gallery">
		       
		        
		        <h:commandLink action="#{principalController.direccionar() }">
			       	 <h:graphicImage value="/img/DatosPersona.png" alt="Datos Coordinador(a)"/>
			        	<f:param name="esCatalogo" value="false" />
			        	<f:param name="valorCatalogo" value="0" />
			        	<f:param name="pagina" value="usuarios" />
			    </h:commandLink>
			    <h:graphicImage value="/img/Reportes1.png" alt="Reportes ERA 1" />
		        <h:graphicImage value="/img/Reportes2.png" alt="Reportes ERA 2" />
		        <h:graphicImage value="/img/Reportes3.png" alt="Reportes ERA 3" />
		        <h:graphicImage value="/img/ReporteRegionales.png" alt="Reporte Coordinadores Regionales" />
		        <h:graphicImage value="/img/ReportesProvinciales.png" alt="Reporte Coordinadores Provinciales" />
		        <h:graphicImage value="/img/ReporteFacilitadores.png" alt="Reporte Facilitadores" />
		      
		    </a4j:outputPanel>
	 
		    <br style="clear: both" />
		
		    <rich:jQuery selector="#gallery img" query="addClass('pic-normal')" />
		    <rich:jQuery selector="#gallery img" query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
		    <rich:jQuery selector="#gallery img" event="mouseover" query="jQuery(this).stop().animate({width:'100px'})" />
		    <rich:jQuery selector="#gallery img" event="mouseout" query="jQuery(this).stop().animate({width:'80px'})" />
	    
	    </rich:collapsiblePanel>
	    <rich:collapsiblePanel header="Ingreso Información ERA" switchType="client">
	      <br />
	 
		    <a4j:outputPanel id="gallery1">
		        <h:graphicImage value="/img/InformacionEra.png" alt="Ingresar / Modificar datos ERA" />
		        <h:graphicImage value="/img/EditarCoordinadores.png" alt="Ingresar / Modificar Coorinadores" />
		    </a4j:outputPanel>
	 
		    <br style="clear: both" />
		
		    <rich:jQuery selector="#gallery1 img" query="addClass('pic-normal')" />
		    <rich:jQuery selector="#gallery1 img" query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
		    <rich:jQuery selector="#gallery1 img" event="mouseover" query="jQuery(this).stop().animate({width:'100px'})" />
		    <rich:jQuery selector="#gallery1 img" event="mouseout" query="jQuery(this).stop().animate({width:'80px'})" />
	    
	    </rich:collapsiblePanel>
	    <rich:collapsiblePanel header="Fichas de Innovación Tecnológica" switchType="client">
	      <br />
	 
		    <a4j:outputPanel id="gallery2">
		        <h:graphicImage value="/img/FichasInnovacion.png" alt="Ingresar / Modificar Fichas de Innovación Tecnológica" />
		    </a4j:outputPanel>
	 
		    <br style="clear: both" />
		
		    <rich:jQuery selector="#gallery2 img" query="addClass('pic-normal')" />
		    <rich:jQuery selector="#gallery2 img" query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
		    <rich:jQuery selector="#gallery2 img" event="mouseover" query="jQuery(this).stop().animate({width:'100px'})" />
		    <rich:jQuery selector="#gallery2 img" event="mouseout" query="jQuery(this).stop().animate({width:'80px'})" />
	    
	    </rich:collapsiblePanel>
	    <rich:collapsiblePanel header="Catálogos Generales" switchType="client">
      <br />
 
	    <a4j:outputPanel id="gallery3">
	    <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/OperadoraCelular.png" alt="Operadora Telefonía Móbil" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="1" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	      <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Etnia.png" alt="Nacionalidad/Etnia" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="2" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Pais.png" alt="País" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="3" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Institucion.png" alt="Instituciones de Apoyo" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="4" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/NivelGestion.png" alt="Nivel de Gestión" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="10" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Gestion.png" alt="Gestión" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="5" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Rubros.png" alt="Rubros" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="9" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/InnovacionTecnologica.png" alt="Innovación Tecnológica" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="6" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/PerdidaProduccion.png" alt="Causa Perdida de la Producción" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="7" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Proyectos.png" alt="Proyecto" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="8" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Bioinsumo.png" alt="Bioinsumo" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="11" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          
	            <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Legalizacion.png" alt="Legalización" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="12" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	          <h:commandLink action="#{principalController.direccionar() }">
	        <h:graphicImage value="/img/Identificacion.png" alt="Tipo de Identificación" />
	        	<f:param name="esCatalogo" value="true" />
	        	<f:param name="valorCatalogo" value="13" />
	        	<f:param name="pagina" value="catalogo" />
	    </h:commandLink>
	         
	        
	    </a4j:outputPanel>
 
	    <br style="clear: both" />
	
	    <rich:jQuery selector="#gallery3 img" query="addClass('pic-normal')" />
	    <rich:jQuery selector="#gallery3 img" query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
	    <rich:jQuery selector="#gallery3 img" event="mouseover" query="jQuery(this).stop().animate({width:'100px'})" />
	    <rich:jQuery selector="#gallery3 img" event="mouseout" query="jQuery(this).stop().animate({width:'80px'})" />
    
    </rich:collapsiblePanel>
	</h:panelGrid>
</h:form>
</body> 
</html>
